<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="/static/assets/css/home.css">
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

  <script src="/static/assets/js/vue.min.js"></script>
  <script src="/static/assets/js/jquery.min.js"></script>
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script src="https://unpkg.com/http-vue-loader"></script>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script src="https://unpkg.com/vue-router@3.0.0/dist/vue-router.js"></script>

  <script src="https://unpkg.com/vuex"></script>
</head>
<body>
<div id="app">


  <el-container>
    <el-aside width="202px">
      <index-menu @aaclick="toFather"></index-menu>
    </el-aside>
    <el-container>
      <el-header>
        <title-menu style="width: 100%"></title-menu>
      </el-header>
      <el-main>

        <div v-if="showError"><el-empty description="描述文字"></el-empty></div>
      </el-main>
      <el-footer>
        <small>&copy; 2022 <a href="http://helloflask.com/tutorial">green.cick-y.xyz</a>  余维华</small>
      </el-footer>
    </el-container>
  </el-container>
</div>
</body>
<script type="module">
  import axios from "/static/index/login/index.js";
  Vue.use(httpVueLoader);
  const app = new Vue({
    data:{
      userOne:[],
      showError:false,
    },
    components:{
      'index-menu': 'url:/components/menu/indexMenu.vue',
      'title-menu': 'url:/components/menu/titleMenu.vue',
      'index': 'url:/components/page/index.vue'
    },
    computed: {

    },
    mounted(){
      console.log("this.$store.state.count")
      // this.getMenu()
    },
    methods:{
      toFather(key){
        console.log(key)
      },

    }
  }).$mount('#app');//el是自动挂载，mount是手动挂载（延时）

</script>
</html>